#include "widget.h"
#include "ui_widget.h"

#include <QPushButton>
#include <QComboBox>
#include <QLabel>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    /*
    QPushButton* button = new QPushButton(this);
    button->setText("button");
    //选择器：类型 + 大括号 + 条目（属性名 + 属性值）
    //对所有子控件也会生效
    this->setStyleSheet("QPushButton {color: red; background-color: green; }");
    QPushButton* button2 = new QPushButton(this);
    button2->setText("button2");
    button2->move(200, 200);
    */
    ui->pushButton->setStyleSheet("QPushButton {color: yellow; }"); //ID选择器，只改变选择的ID的样式

    ///////////子控件选择器::////////////

    QComboBox* box = new QComboBox(this);
    box->addItem("111");
    box->addItem("222");
    box->addItem("333");
    this->setStyleSheet("QComboBox::down-arrow {image: url(:/huabanfuben.svg);}");

    //////////伪类选择器://////////

    QString style = "#pushButton {color:red;} #pushButton:hover {color:green;} #pushButton:pressed{color:blue;}";
    ui->pushButton->setStyleSheet(style);

    ///////////box模型///////////

    //margin 外边距；padding 内边距；输入四个数按照从上按顺时针进行数字匹配
    QLabel* label = new QLabel(this);
    //label->setStyleSheet("QLabel {margin: 10px; padding: 10px; background-color: red;}");
    label->setText("label");
    label->move(300, 300);

    ////////////QLinearGradient渐变色////////////

    //给定四个值，前两个起始点（制定竖直方向渐变/水平方向渐变/对角线方向渐变，再给定调色板上的两个点，以制定渐变色的起始点）

    //border-image > background-image，前者可以使背景随着窗口大小的改变而改变
}

Widget::~Widget()
{
    delete ui;
}
